<style>
.btn-xs{
    border: 1px solid #666;
    color: #666;
    padding: 2px 10px;
}

.btn-xs:hover{
    border: 1px solid #000;
}

</style>

<table class="table table-togglable table-hover" style="word-break: keep-all;">
<thead>
<tr >
    <th data-toggle="true">设备名称</th>
    <th data-hide="">设备类型</th>
    <th data-hide="phone">设备序列号</th>
    <th data-hide="phone,tablet">设备唯一标识</th>
    <th data-hide="phone,tablet">识别总数</th>
    <th data-hide="phone,tablet">识别率</th>
    <th data-hide="phone,tablet">模型版本号</th>
    <th data-hide="phone">设备状态</th>
    <th data-hide="phone,tablet">操作</th>
</tr>
</thead>
<tbody>
<?spa for(key in it.list){ var item = it.list[key]; ?>
<tr>
    <td>{{= item.device_name }}</td>
    <td>{{= item.dt_name }}</td>
    <td>{{= item.sn }}</td>
    <td>{{= item.din }}</td>
    <td>-</td>
    <td>-</td>
    <td>-</td>
    <td>
        {{ if(item.device_status == 'online') { }}
        <span class="label label-success">{{= item.device_status }}</span>
        {{ }else{ }}
        <span class="label label-danger">{{= item.device_status }}</span>
        {{ } }}
    </td>
    <td nowrap="nowrap">
        <button type="button" class="btn btn-default btn-xs">设备配置</button>
        <button type="button" class="btn btn-default btn-xs">日志管理</button>
        <button type="button" class="btn btn-default btn-xs">远程管理</button>
        <button type="button" class="btn btn-default btn-xs">查看</button>
    </td>
</tr>
<?spa } ?>
</tbody>
</table>
<script>

</script>